<template>
  <div class='DisabledField'>
    <el-form-item :label="label?label:undefined">
      <el-input :value="showValue" disabled></el-input>
    </el-form-item>
  </div>
</template>
<script setup name='DisabledField'>
const props = defineProps({
  field: {
    type: Object,
    default: () => {
      return {}
    }
  },
  value: {
    type: [String, Number, Boolean, Array, Object, Date],
    default: ''
  },
  label: {
    type: [String, Number, Boolean, Array, Object, Date],
    default: ''
  }
})
const showValue = computed({
  get() {
    try {
      return props.value.map((res) => {
        return res.label
      }).join('，')
    } catch (e) {
      return props.value
    }
  },
  set(val) {
  }
})
</script>
<style scoped lang='scss'>
.DisabledField {
}
</style>
